<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>生命科学简史——动医1192骆昊杰</title>
	<style>
		body{	
			 background-image: url(universe/1.jpg);
			 background-repeat:space;
			 background-position:center;
			background-size: cover;
			 }

		#impress-toolbar{position: absolute;  
            bottom: 1%; right: 1%;}

		.s{width:500px;
			height:500px;
			font-family: "微软雅黑";
			font-size: 55px;
			color:antiquewhite;
			
          	position:relative;
			}

		.f70{font-size: 70px;}
		.f60{font-size: 60px;}
		.f25{font-size: 25px;}
		.f20{font-size: 20px;}
		.f27{font-size: 27px;}
		.jz{text-align: center;}
		.jl{text-align: left;}
		.sj{text-indent: 2em;}
		.h40{line-height:40px;}

		.s0{width:1px;height:1px;}
		.s1{width:800px;height:500px;}
		.sf{

			margin: auto;  
            position: absolute;  
            top: 0; left: 0; bottom: 0; right: 0;
			}
.sq{

			margin: auto;  
            position: absolute;  
            top:0; left: 0; bottom: 30; right: 0;
			}
.sn {

			margin: auto;  
            position: absolute;  
            top: 0; left: 0; bottom: 100; right: 0;
			}

.so {

			margin: auto;  
            position: absolute;  
            top: 0; left: 180; bottom: 100; right: 0;
			}		
		.s1f{width: 750px;height: 250px;text-align: center;}

		.s2{width:1300px;height:500px;}
		.bt{width: 650px;height: 100px;text-align: center;}
		.js1{width: 1150px;height: 400px;text-align: left;}
		.js2{width: 1250px;height: 700px;text-align: left;}
		.js3{width: 1250px;height: 500px;text-align: left;}

		.s3f{width:250px;height: 100px; }

		.s4{width:600px;height:400px;}
		.s43{width:600px;height:250px;}
		.s44{width:600px;height:250px;}
		.s45{width:600px;height:250px;}
		.s46{width:600px;height:250px;}
		.s47{width:600px;height:400px;}
		.s48{width:600px;height:600px;}

		.s5{width:1280px;height:720px;}
		.s6{width:1300px;height:500px;}

		.s7f{width:250px;height: 100px; }

		.s8{width:700px;height:150px;}
		.s9{width:1300px;height:500px;}
		.c{font-size: 100px;}
		.e{font-size: 30px;}
		.b{font-size: 41px;}
		.d{font-size: 40px;}
		.f{text-align: center;font-size: 45px;}
		.g{text-align: center;font-size: 30px;}
		.q{text-align: center;font-size: 20px;}
		.pp{text-indent: 5em;}

	</style>
<embed  src="未标题-1.mp3" 
width=0 height=0 autostart=true loop=1 starttime=00:01 volume=0.1>
</head>

<body>
<div  id="impress" >
<div class="step s s2" data-x="2500" data-y="-1600" data-scale="4" data-autoplay="5" data-rotate-x="-20">		
		<div class="sf js1">
		<pre> </pre>    
		<p class="f"><font color="red"><strong>细胞学说发展的重要人物</strong></font> </p>
        		</div>
		</div>


    
<div class="step s s2" data-x="-900" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>罗伯特·胡克(1635-1703)</strong></font> </p>
		<p class="g"><font color=" white">用自制的光学显微镜首次观察到了植物细胞			</font> </p>
		<p class="g"><font color=" white">并首次将细胞以“cell”命名				</font> </p>
		
        		</div>
		</div>


		<div class="step s s2"  data-x="-900" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/11111.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>

		
			<div class="step s s2" data-x="-200" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>列文虎克(1632-1723)</strong></font> </p>
		<p class="g"><font color=" white">制作出了足以看清细胞的光学显微镜			</font> </p>
		<p class="g"><font color=" white">	标志着生物学的研究进入了细胞时代		</font> </p>
		
        		</div>
		</div>

					<div class="step s s2"  data-x="-200" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/22222.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>

		
			<div class="step s s2" data-x="1000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>施莱登(1804－1881)、施旺（1810-1882）</strong></font> </p>
		<p class="g"><font color=" white">创立了细胞学说			</font> </p>
		<p class="g"><font color=" white">明确了动物界，植物界，微生物界在结构上具有统一性		</font> </p>
		
        		</div>
		</div>

					<div class="step s s2"  data-x="1000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/33333.png" width="600px"  height="450"> <center/>
        		</div>
        		</div>

		
			<div class="step s s2" data-x="2000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>卡米洛·高尔基（1843-1926）</strong></font> </p>
		<p class="g"><font color=" white">		</font> </p>
		<p class="g"><font color=" white">发现了高尔基体		</font> </p>
		
        		</div>
		</div>

	<div class="step s s2"  data-x="2000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/44444.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>

			<div class="step s s2" data-x="3000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>孟德尔（1822-1884）</strong></font> </p>
		<p class="g"><font color=" white">		</font> </p>
		<p class="g"><font color=" white">发现了遗传定律		</font> </p>
		
        		</div>
		</div>

	<div class="step s s2"  data-x="3000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/55555.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>
		
<div class="step s s2" data-x="4000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>摩尔根（1866-1945）</strong></font> </p>
		<p class="g"><font color=" white">		</font> </p>
		<p class="g"><font color=" white">发现了伴性遗传定律		</font> </p>
		
        		</div>
		</div>

	<div class="step s s2"  data-x="4000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/66666.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>
		
<div class="step s s2" data-x="5000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>沃森（1928-）、克里克（1916－2004）</strong></font> </p>
		<p class="g"><font color=" white">		</font> </p>
		<p class="g"><font color=" white">揭示了DNA的双螺旋结构		</font> </p>
		
        		</div>
		</div>
		
	<div class="step s s2"  data-x="5000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/77777.png" width="600px"  height="450"> <center/>
        		</div>
        		</div>
		
<div class="step s s2" data-x="6000" data-y="775" data-scale="0.5" data-autoplay="2" data-rotate-x="-30">		
		<div class="sf js1">

		<pre> </pre>    
		<p class="f"><font color=" white"><strong>穆里斯（1944-2019）</strong></font> </p>
		<p class="g"><font color=" white">		</font> </p>
		<p class="g"><font color=" white">P C R 发明者		</font> </p>
		
        		</div>
		</div>

	<div class="step s s2"  data-x="6000" data-y="1000" data-scale="0.5" data-autoplay="3" data-rotate-x="-45"> 				
        		<div class="sq js1">
		<p class="f">  </p> <pre> </pre>    
		<center><img src="universe/88888.png" width="300px"  height="450"> <center/>
        		</div>
        		</div>
<div class="step s s2"  data-x="2500" data-y="0"   data-scale="5" data-autoplay="5" data-rotate-x="-20" > 		
		<div class="so js1">
		<center><img src="universe/zhu.png" width="1300" > <center/>
        		</div>
		</div>
<div class="step s s0" data-x="2500" data-y="0" data-scale="5" data-rotate=0 data-rotate-x="-30"></div>

	</div>


	
	
	<script type="text/javascript" src="impress.js"></script>
	<script>impress().init();</script>
</body>
</html>
